<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
    <title></title>
    <script>
        $(document).ready(function(){

            function ajaxFileUpload(){
                var formData = new FormData();
                formData.append('file',$("#file_upload")[0].files[0]);    //将文件转成二进制形式
                formData.append('name',$("#name").val());
                $.ajax({
                    type:"post",
                    url:"http://192.168.1.134:8080/say-web/trinee/fileupload",
                    async:false,
                    contentType: false,    //这个一定要写
                    processData: false, //这个也一定要写，不然会报错
                    data:formData,
                    dataType:'text',    //返回类型，有json，text，HTML。这里并没有jsonp格式，所以别妄想能用jsonp做跨域了。
                    success:function(data){
                        alert(data);
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown, data){
                        alert(errorThrown);
                    }
                });
            }

            $("#upload").click(function(){
                ajaxFileUpload();
            });
        });
    </script>
</head>
<body>
<from id="file">
    <input type="file" id="file_upload"/>
    <input type="text" name="name" id="name"/>
    <input type="button" value="上传图片" id="upload"/>
</from>
</body>
<!--<script type="text/javascript" src="js/upload.js" ></script>-->
</html>